﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MantenimientoRubros.aspx.cs" Inherits="Web_Guia_Digital_Georeferenciada.Mantenimientos.Rubros" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="Bootply" />
    <meta charset="utf-8" />

    <title>Guía Georeferenciada</title>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css" />
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <!-- script references -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script src="../Content/bootstrap.min.js"></script>
    <script src="../Content/scriptsPrincipal.js"></script>
    <link href="../Content/stylesPrincipal.css" rel="stylesheet" />
    <link href="../Content/Carousel.css" rel="stylesheet" />
    <!-- Nuevo -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <link href="../Content/fileinput.css" media="all" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../Content/bootstrap-tag-inputs.css" type="text/css" />
    <script type="text/javascript" src="../Content/bootstrap-tags-input.js"></script>

     <style type="text/css">
        #left {
          padding-left : 0px;
          margin-left: 0px;
          
        }

         #contenedor {
            position: absolute;
              width: auto;
              max-width: 60%;
              padding: 0 0px;
              min-height:100%
              
            
         }

        
    </style>
       <!-- Footer -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link href="~/Content/sticky-footer.css" rel="stylesheet"/>
     <script src="~/Content/ie-emulation-modes-warning.js"></script>

     <!-- Footer -->
</head>
<body>
    <div id="wrap">
        <div class="navbar navbar-custom navbar-inverse navbar-static-top" id="nav">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav nav-justified">
                   <li runat="server" id="paginaprincipal"><a href="<%= Page.ResolveUrl("~/PaginaPrincipalBT.aspx") %>">Principal</a></li>
                    <li runat="server" id="posicion"><a href="<%= Page.ResolveUrl("~/BusquedaComerciosGeoreferenciado.aspx") %>">Posición</a></li>
                    <li runat="server" id="ampliada"><a href="<%= Page.ResolveUrl("~/BusquedaComercios.aspx") %>">Busqueda ampliada</a></li>
                    <li runat="server" id="cercanos"><a href="<%= Page.ResolveUrl("~/BusquedaComerciosCercanos.aspx") %>">Cercanos</a></li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Gestiones <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li class="active" runat="server" id="comercios"><a href="<%= Page.ResolveUrl("~/Mantenimientos/MantenimientoDeComercios.aspx") %>">Gestión comercio</a></li>
                            <li runat="server" id="usuarios"><a href="<%= Page.ResolveUrl("~/Mantenimientos/MantenimientoDeUsuariosFinales.aspx") %>">Gestión Usuario final</a></li>
                            <li runat="server" id="productos"><a href="<%= Page.ResolveUrl("~/Mantenimientos/MantenimientoDeProductos.aspx") %>">Mantenimiento de productos</a></li>
                            <li runat="server" id="rubros"><a href="<%= Page.ResolveUrl("~/Mantenimientos/MantenimientoRubros.aspx") %>">Mantenimiento de rubros</a></li>
                        </ul>
                    </li>
                    <li></li>
                    <li><a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true">
                        <asp:Label ID="lblUsuario" runat="server">Usuario: </asp:Label></span></a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->

            <!--/.container -->
        </div>
        <!--/.navbar -->
        <!-- Begin page content -->
        <div class="container">
            <h1 class="text-center">Gestión de rubros</h1>
            <br />
            <div id="contenedor" style="align-items:center">
            
            <form id="form1" runat="server">
                <div class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Nombre del rubro</label>
                        <div class="col-lg-4">
                            <asp:TextBox ID="txtNombre" runat="server" Width="300px" class="form-control input-sm"></asp:TextBox><br />
                        </div>
                        <asp:Label ID="lblErrorNombre" runat="server" ForeColor="Black"></asp:Label>
                    </div>
                    <div class="form-group">
                        <label class="col-lg-2 control-label">Subir imagen</label>
                        <div class="col-lg-4">
                            <asp:FileUpload ID="FileUpload1" runat="server" class="file" />
                        </div>
                        <asp:Label class="col-lg-3" ID="lblErrorImagen" runat="server" ForeColor="Black" Text="La imagen no puede superar los 30x30 pìxeles"></asp:Label>

                    </div>
                </div>
                <br />
                <div class="form-group">
                    <div class="col-lg-5">
                        <asp:Button ID="cmdAceptar" runat="server" OnClick="cmdAceptar_Click" Text="Aceptar" class="btn btn-primary" Width="120px"></asp:Button>
                        <asp:Button ID="cmdModificar" runat="server" OnClick="cmdModificar_Click" Text="Modificar" Visible="False" class="btn btn-primary" Width="120px"></asp:Button>
                        <asp:Button ID="cmdCancelar" runat="server" OnClick="cmdCancelar_Click" Text="Cancelar" class="btn btn-default" Width="120px"></asp:Button>
                        <asp:Label ID="lblError" runat="server" ForeColor="Black" Width="500px"></asp:Label>
                    </div>
                </div><br/>
                <div id="left" class="form-group">
                    <br />
                    <div class="col-lg-5">
                        <asp:Button ID="cmdListar" runat="server" OnClick="cmdListar_Click" Text="Listar" class="btn btn-default" Width="100px"></asp:Button><br/><br/>
                <asp:GridView ID="GridRubros" runat="server" AutoGenerateColumns="False" BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Horizontal" Height="16px" Width="357px">
                    <AlternatingRowStyle BackColor="#F7F7F7" />
                    <Columns>
                        <asp:BoundField AccessibleHeaderText="RubId" HeaderText="RubId" Visible="False" DataField="RubId" />
                        <asp:HyperLinkField AccessibleHeaderText="RubNombre" DataNavigateUrlFields="RubId" DataNavigateUrlFormatString="MantenimientoRubros.aspx?RubId={0}" DataTextField="RubNombre" HeaderText="Rubro" />
                        <asp:TemplateField AccessibleHeaderText="Modificar" HeaderText="Modificar">
                            <ItemTemplate>
                                <img src="../imagenes/modificar.png" alt="" width="30px" height="30px" style="border-width: 0px;" />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
                    <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
                    <PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
                    <RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
                    <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
                    <SortedAscendingCellStyle BackColor="#F4F4FD" />
                    <SortedAscendingHeaderStyle BackColor="#5A4C9D" />
                    <SortedDescendingCellStyle BackColor="#D8D8F0" />
                    <SortedDescendingHeaderStyle BackColor="#3E3277" />
                </asp:GridView>
                         </div>
                </div>
            </form>
        </div>
        </div>
    </div>
      <footer class="footer" role="contentinfo">
      <div class="container">
        <center>
        <ul style="list-style:none" >
        <li ><a href="<%= Page.ResolveUrl("~/PreguntasFrecuentes.aspx") %>">Preguntas frecuentes</a></li>       
        <li ><b style="color:gray">Contáctenos: </b><b style="color:gray">guiageoreferenciada@hotmail.com</b></li>       
        </ul>
        </center>
      </div>
    </footer>
</body>

     <!-- Footer -->
    <script src="~/Content/ie10-viewport-bug-workaround.js"></script>
    <!-- Footer -->
<script src="../Content/fileinput.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>

    $("#imgLogo").fileinput({
        'allowedFileExtensions': ['jpg', 'png', 'gif'],
    });
    $(document).ready(function () {
        $("#test-upload").fileinput({
            'showPreview': false,
            'allowedFileExtensions': ['jpg', 'png', 'gif'],
            'elErrorContainer': '#errorBlock'
        });
    });
</script>

</html>
